@extends('layouts/home')
@section('head_title', $film->title  )


@section('content')
    <div id="header_movie" class="pt-5 pb-5 text-white" style="background-image: url('https://www.themoviedb.org/t/p/w1920_and_h800_multi_faces{{ $film->backdrop_path }}');">
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <img src="https://image.tmdb.org/t/p/w300_and_h450_bestv2/{{ $film->poster_path }}" class="img-fluid rounded shadow" title="{{ $film->title }}">
                </div>
                <div class="col-md">
                    
                    <h1 class="header_h1">{{  $film->title    }}<span style="font-weight: 300;font-size: 0.8em;">   (@php   echo  date("Y", strtotime($film->release_date));    @endphp)</span></h1>
                    <p class="slogan">{{  $film->tagline    }}</p>
                    <div id="trends_rank" class="row pb-1">
                        @if( $film->day_ranking > 0) <div class="col-md-6"><a href="{{ route('trends.day') }}" class="link-light"># n°{{  $film->day_ranking     }} des tendances du jour</a></div>      @endif
                        @if( $film->week_ranking > 0) <div class="col-md-6"><a href="{{ route('trends.week') }}" class="link-light"># n°{{  $film->week_ranking     }} des tendances de la semaine</a></div>      @endif
                        
                    </div>
                    <div class="pt-3">
                        <p>{{   $film->overview  }}</p>
                    </div>
                    <div class="pt-2">
                        <span class="font-light">Note: </span> <span style="font-size: 3rem;">{{$film->vote_average}} </span><span>/10</span>
                        <span style="font-size: 0.8em;padding-left: 18px;">( sur {{$film->vote_count}} votes )</span>
                    </div>
                    <div class="pt-2">
                        <span class="font-light">Date de sortie: </span> <span > {{ date('m/d/Y', strtotime($film->release_date ))}}  </span>
                    </div>
                    
                    
                    
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row justify-content-around">
            <div class="mt-5 mb-5 bg-white shadow rounded col-md-4 p-3">
                <h2 class="mt-1 mb-3 text-center" style="font-size: 1.2em"><strong>Fiche technique </strong></h2>
                
                <div class="pt-2"> <span class="font-light">Titre original: </span> {{ $film->original_title  }}</div>
                <div class="pt-2"> <span class="font-light">Durée: </span> {{ $film->runtime  }} min </div>
                <div class="pt-2"> <span class="font-light">Langue d'origine: </span> <em>{{ $film->original_language  }}</em></div>
                {{-- <div class="pt-2"> <span class="font-light">Indice de popularité: </span> {{ $film->popularity  }}</div> --}}
                <div class="pt-2">
                    <span class="font-light">Site internet: </span> <a href="{{ $film->homepage  }}" class="text-primary" target="_blank">{{ $film->homepage  }}</a>
                </div>
           
            </div>
            
            <div class="mt-5 mb-5 bg-white shadow rounded col-md-4 p-3">
                <h2 class="mt-1 mb-3 text-center" style="font-size: 1.2em"><strong>Production</strong></h2>
                <div class="pt-2">
                    <span class="font-light">Budget: </span> @php   echo  number_format( $film->budget , 0, ',', ' ');    @endphp $ 
                </div>
                <div class="pt-2">
                    <span class="font-light">Recette: </span> @php   echo  number_format( $film->revenue , 0, ',', ' ');    @endphp $ 
                </div>
                <div class="pt-2">
                    <span class="font-light">Sociétés de production: </span>
                    <div class="row p-3">
                        @php
                            foreach ( json_decode($film->production_companies) as $key => $value)
                            {
                                $file = 'https://image.tmdb.org/t/p/original/'.$value->logo_path;
                                if( strlen( $value->logo_path )>3 )
                                {
                                    echo '<img style="max-width:100px" src="'.$file.'" title="'.$value->name.' ('.$value->origin_country.')">';
                                }
                                else {
                                    echo $value->name.', ';
                                }
                                
                            }
                        @endphp
                    </div> 
                </div>
                <div class="pt-3">
                    <span class="font-light">Pays de production: </span>
                    <div class="">
                        @php
                            foreach ( json_decode($film->production_countries) as $key => $value) 
                            {
                                echo $value->name .' <br>';
                            }
                        @endphp

                    </div> 
                </div>
            </div>
        </div>
    </div>
@endsection